<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教育展示--投教视频</title>
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/reset.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/header.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/footer.css">
    <link rel="stylesheet" href="{{$static_path}}/static/css/exhibition/page_exhibition-video.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/common.css">
    <script src="{{$static_path}}/static/common/js/jquery-1.11.3.js"></script>
</head>

<body>
    <!-- 头部部分 -->
    {{include file="header.tpl"}}
    <!-- 内容区域 -->
    <div class="dh-main">
        <div class="exhibition-banner"></div>
        <div class="main-content">
            <div class="main-left">
                <div class="dh-top1">
                    <p class="h-top">教育展示</p>
                </div>
                <ul class="dh-list">
                    {{navigation parentid="49"}}
                        {{foreach $list as $k => $v}}
                            <li> <a href="{{$v['url']}}">{{$v['name']}}</a></li>
                        {{/foreach}}
                    {{/navigation}}
                </ul>
            </div>
            <div class="main-right">
                {{crumbs url=$smarty.get.category}}
                <div class="right-txt-box">
                    <h1>{{$title}}</h1>
                    <div class="wz">
                        <span class="wz-span">您的位置：<a href="/">首页</a> > {{$crumbs}} </span>
                    </div>
                </div>
                {{/crumbs}}
                <div class="box-txt">
                    <div class="zs-tabs">
                        {{navigation parentid="50"}}
                            {{foreach $list as $k => $v}}
                            <p {{if $get.category|in_array:$v['allchildurl']}}class="zs-acitve"{{/if}} style="width: 110px">
                                <a href="{{$v['url']}}" target="{{$v['target']}}">{{$v['name']}}</a>
                            </p>
                            {{/foreach}}
                        {{/navigation}}
                        <div class="zs-tabs-show">
                            <img src="{{$static_path}}/static/images/college-campus/mzsm-img.png" alt="">
                            <span>免责声明</span>
                        </div>
                    </div>
                    <!-- <source  src=""> -->
                    <video width="100%" id="videos" src="" class="videos-tabs" preload="auto" controls="controls" autopaly></video>  

                    <!-- 增加内容区域 -->
                    <div class="boxs-txtd">
                        <h1 class="h1-txtd" id="title"></h1>
                        <div class="h1-txtd-ts">
                            <span class="h1-txtd-ts1">上传日期: <span id="addtime"></span></span>
                            <span class="h1-txtd-ts2">观看量: <span id="viewtimes">0</span> </span>
                        </div>
                    </div>
                    <div class="swiper-content">
                        <div class="swiper-container swiper-videos">
                            <div class="swiper-wrapper box-video">
                                <!-- <div class="swiper-slide slide-video">
                                    <div class="video-banner video-active"
                                        data-banner='https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Soldier76_Hero.mp4'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div>
                                <div class="swiper-slide slide-video">
                                    <div class="video-banner"
                                        data-banner='https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Soldier76_Hero.mp4'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div>
                                <div class="swiper-slide slide-video">
                                    <div class="video-banner"
                                        data-banner='https://apd-a7d084eea7965209bb1551cf1c0f593d.v.smtcdns.com/om.tc.qq.com/AfIUQUJ0HtKJv0FqqT8Z7ttZD0QbSqa7JMXFagIgylDY/uwMROfz2r5zEIaQXGdGnC2dfDmafRkP9ujxgqKjuATzMrE-2/v3046te93w1.mp4?sdtfrom=v1010&guid=65e34ad9f8682373223f76170bfc6b90&vkey=062A251B9F5658512F176207A1B5F6FCAF38CE5659DC56373227191C384E9B2B83FCAF18135FE6909563E0AD180CC3D55AB7149B74C293ADABFA71E7341A10FE87DFD7E18F147AD2AC6DAC7B510CEA40D67B5879C8982283C483473D7278A89CD2F0BDFF1D1FD22F849C2EB6E9DA780AB61A60CED75C776F311EBA9EB63F8ED2'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div>
                                <div class="swiper-slide slide-video">
                                    <div class="video-banner"
                                        data-banner='https://apd-a7d084eea7965209bb1551cf1c0f593d.v.smtcdns.com/om.tc.qq.com/AfIUQUJ0HtKJv0FqqT8Z7ttZD0QbSqa7JMXFagIgylDY/uwMROfz2r5zEIaQXGdGnC2dfDmafRkP9ujxgqKjuATzMrE-2/v3046te93w1.mp4?sdtfrom=v1010&guid=65e34ad9f8682373223f76170bfc6b90&vkey=062A251B9F5658512F176207A1B5F6FCAF38CE5659DC56373227191C384E9B2B83FCAF18135FE6909563E0AD180CC3D55AB7149B74C293ADABFA71E7341A10FE87DFD7E18F147AD2AC6DAC7B510CEA40D67B5879C8982283C483473D7278A89CD2F0BDFF1D1FD22F849C2EB6E9DA780AB61A60CED75C776F311EBA9EB63F8ED2'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div>

                                <div class="swiper-slide slide-video">
                                    <div class="video-banner"
                                        data-banner='https://media.w3.org/2010/05/sintel/trailer.mp3'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div>

                                <div class="swiper-slide slide-video">
                                    <div class="video-banner"
                                        data-banner='https://media.w3.org/2010/05/sintel/trailer.mp3'>
                                        <img src="{{$static_path}}/static/images/dh-pace/video_banner2.png" alt="">
                                        <p>国际黄金期货价格屡创</p>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                        <div id="btnVideo1"><img src="{{$static_path}}/static//images/exhibition-video/btn_left.png" alt=""> </div>
                        <div id="btnVideo2"><img src="{{$static_path}}/static//images/exhibition-video/btn_right.png" alt=""></div>

                    </div>
                </div>


            </div>

        </div>


    </div>
   <!-- 免责声明弹窗 -->

   <div class="hide-disclaimer1" style="display: none;">
    <div class="disclaimer1">
        <h3>免责声明</h3>
        <p>
            尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
            风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
            我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
        </p>
        <button class="btn-disclaimer1">确认</button>
    </div>
</div>


<!-- 版权声明 -->

<div class="hide-disclaimer2" style="display: none;">
    <div class="disclaimer2">
        <h3>版权声明</h3>
        <p>
            尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
            风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
            我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
        </p>
        <button class="btn-disclaimer2">确认</button>
    </div>
</div>
    <!--放一个id为footer的div,把footer.html加载到这块-->
    {{include file="footer.tpl"}}
    <!-- 底部部分 -->
</body>

<!-- 加载头尾 -->

<script src="{{$static_path}}/static/common/js/load.js"></script>
<script src="{{$static_path}}/static/common/js/swiper_2.7.js"></script>
<script>
var dataBanners=[
    {{content category=$smarty.get.category}}
    {{foreach $list as $k => $v}}
    {
        contentid:'{{$v['content_id']}}',
        data_banner:'{{$v['attr'][0].attr_value}}',
        img:'{{$v['preview'][0]}}',
        txt:'{{$v['title']}}',
        data_addtime:'{{$v['add_time']}}',
        data_viewtimes:{{$v['pc_preview_count']}}
    },
    {{/foreach}}
    {{/content}}
]

</script>
<script src="{{$static_path}}/static/js2/page_exhibition-video.js"></script>

</html>